<template>
<div class="newslist">
  <ul class="mui-table-view">
    <li class="mui-table-view-cell mui-media" v-for="(item,index) in newslist" :key="index">
      <router-link :to="'/home/newsinfo/' + item.id">
        <img class="mui-media-object mui-pull-left" :src="item.img_url">
        <div class="mui-media-body">
          <h1>{{item.title}}</h1>
          <p class='mui-ellipsis'>
            <span>发表时间:{{item.add_time | dateFormat('YYYY-MM-DD')}}</span>
            <span>点击:{{item.click}}次</span>
          </p>
        </div>
      </router-link>
    </li>
  </ul>
  <router-view/>
</div>
</template>

           
<script>
import {
  getnewslist
} from '../../api/index.js'
export default {
  data() {
    return {
      newslist: [] // 新闻列表
    }
  },
  created() {
    getnewslist().then(res => {
      console.log(res)
      if (res.status == 0) {
        this.newslist = res.message
      }
    })
  }
}
</script>

<style lang="scss" scoped>
.mui-table-view {
  li {
    h1 {
      font-size: 14px;
    }
    .mui-ellipsis {
      font-size: 12px;
      color: #0094ff;
      display: flex;
      justify-content: space-between;
    }
  }
}
</style>
